<template>
	<view class="repair-wrap">
		<view class="repair-box">
			<view class="header" >
				<view class="listBox">
					<view class="listStyle">车牌号</view>
					<view>{{userObj.driving_number}}</view>
				</view>
			</view>
			<view class="header" >
				<view class="listBox">
					<view class="listStyle">电话号码</view>
					<view>{{userObj.driving_tel}}</view>
				</view>
			</view>
			<view class="header" >
				<view class="listBox">
					<view class="listStyle">姓名</view>
					<view>{{userObj.driving_name}}</view>
				</view>
			</view>
			<view class="header" >
				<view class="listBox">
					<view class="listStyle">品牌</view>
					<view>{{userObj.brand}}</view>
				</view>
			</view>
			<view class="header" >
				<view class="listBox">
					<view class="listStyle">颜色</view>
					<view>{{userObj.driving_color}}</view>
				</view>
			</view>
			<view class="header" >
				<view class="listBox">
					<view class="listStyle">型号</view>
					<view>{{userObj.driving_model}}</view>
				</view>
			</view>
			
			<view class="header" v-if="userObj.driving_license_image != null">
				<view>
					<view class="listStyle">行驶证</view>
					<image @click="imageBig(userObj.driving_license_image)" style="width:198px;height:110px;margin-top:10px" :src="userObj.driving_license_image" mode=""></image>
					
					<!-- <u-upload :fileList="fileList5" @afterRead="afterRead" @delete="deletePic" name="5" multiple
										:maxCount="3">
					</u-upload> -->
				</view>
			</view>
			<view class="header" v-if="userObj.driving_autoinsurance_image != null">
				<view>
					<view class="listStyle">车险</view>
					<image @click="imageBig(userObj.driving_autoinsurance_image)" style="width:198px;height:110px;margin-top:10px" :src="userObj.driving_autoinsurance_image" mode=""></image>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				type:1,
				index:0,
				
				userObj:{},
			}
		},
		onLoad(options) {
			const item = JSON.parse(decodeURIComponent(options.item));
			this.userObj = item
			console.log(this.userObj)
		},
		onShow(){
			
			this.homelist = uni.getStorageSync('hourseList')[uni.getStorageSync('hourseNum') || 0],
			console.log(this.homelist)
		},
		methods: {
			
			imageBig(url){
				uni.previewImage({
					urls: [url], //需要预览的图片http链接列表，多张的时候，url直接写在后面就行了
				})
			},
			checked(index) {
				this.isActive = index
			},
			newly() {
				uni.navigateTo({
					url: '/pages/clap/homepageClap'
				})
			},
			shouList(){
				this.indexList =! this.indexList
			},
		}
	}
</script>


<style lang="scss">
	.repair-wrap {
		width: 100%;
		min-height: 100vh;
		height: auto;
		background: #f4f4f4;
		overflow: hidden;

		.repair-box {
			background: #fff;

			.repair-titel {
				height: 44rpx;
				line-height: 44rpx;

				.repair-titel-l {
					float: left;
				}

				.repair-titel-r {
					float: right;
					color: #999;
				}
			}

			.repair-6 {
				color: #666;
			}
		}
	}
	.header-li {
		display: flex;
		// align-items: center;
		font-family: PingFangSC-Medium, PingFang SC;
		font-weight: 500;
		line-height: 102rpx;
		color: #333333;
		border-bottom: 1rpx solid #EEEEEE;
	}
	
	.header-name {
		width: 186rpx;
	}
	.form-select {
		width: 480rpx;
		background: url(../../static/image/right.png) no-repeat center right;
		background-size: 10rpx 17rpx;
	}
	.yilingqu {
		width: 80%;
		height: 84rpx;
		background: #F9A832;
		background-color: #F9A832;
		border-radius: 44rpx;
		line-height: 84rpx;
		color: #FFFFFF;
		text-align: center;
		font-size: 32rpx;
	}
	.repair-box{
		border-top: 1px solid #F7F8F9;background-color: #FFFFFF;margin-top: 10px;
	}
	.listStyle{
		font-weight: 550;
		color: #999;
		font-size: 16px;
	}
	.listBox{
		display:flex;justify-content: space-between;
	}
	.header{
		width: 88%;margin:auto;padding: 16px 0px;
	}
</style>
